<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='角色管理')" />
<link th:href="@{plugins/common/css/basemessage.css}" rel="stylesheet" />
<link th:href="@{css/BasicInfo/role.css}" rel="stylesheet" />
<body class="">
	<div class="main-content blank_bg">
		<div>
			<div>
				<div class="row" style="margin: 10px;">
					<div class="col-sm-12 col-md-12" style="padding: 0;">
						<div class="col-sm-4 col-md-4 divClassLeft div_bg">
							<div>
							<div style="margin:10px 0 5px 0;">
								<label style="float: left;" class="labelCss">角色：</label>
									<input type="text" id="cxjs" class="form-control" style="float: left;" />
								<label>
									<button type="button" class="btn btn-default" onclick="cx()">查询
									</button>
								</label>
							</div>
								<table id="Role" class="table dataTable table-hover" style="table-layout:fixed;">
								</table>
							</div>
						</div>
						<div class="col-sm-4 col-md-4 divClassLeft div_bg">
							<div id="choose" style="margin-top: 10px;">
								<div id="roleAdd" class="square-red single-row">
									<div class="radio" style="padding:0">
										<input tabindex="3" type="radio"  name="type" value="1" checked="true" />
										<label>新增</label> 
									</div>	
								</div>
								<div id="roleModify" class="square-red single-row" style="display: none;" >
									<div class="radio" style="padding:0">
										<input tabindex="3" type="radio"  name="type" value="2" id="modify" />
										<label>修改</label> 
									</div>	
								</div>
								<label>
									<button type="button" class="btn btn-default btn-tijiao" onclick="updateRoleSave()">提交
									</button>
								</label>
							</div>
							<div style="margin:0;">
								<label class="labelCss">角色名称：</label>
								<input type="text" class="inputClassBase2 form-control" id="update_rolename" />
							</div>
							<div class="tree well" style="overflow-y: auto;">
								<ul id="roletree" class="ztree"></ul>
							</div>
						</div>
						<div class="col-sm-4 col-md-4 divClassRight div_bg">
							<div style="margin:10px 0 5px 0;">
								<input type="text" id="roleId" name="roleId" class="hidden" />
								<button type="button" onclick="grantRole()" class="btn btn-default btn-tijiao" style="">授权</button>
							</div>
							<div style="margin-bottom:5px;">	
								<label class="labelCss">用户：</label>
								<input type="text"  id="username" oninput="lookUp()" class="form-control" />
							</div>
							<div class="tree well" style="overflow-y: auto;">
								<ul id="usertree" class="ztree"></ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div th:include="base :: bottom" />
	<div th:include="base :: bootstrapTable" />
	<div th:include="base :: ztree" />
	<div th:include="base :: others" />
	<script th:src="@{js/BasicInfo/role.js}"></script>
</body>
</html>
